/***
Buttons & Dropdown Buttons
***/
.btn {
    border-width: 0;
    padding: 7px 18px;
    font-size: 14px;
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    text-shadow: none;
}

/* fix jumping group buttons */
.btn-group.btn-group-solid .btn + .btn,
.btn-group.btn-group-solid .btn + .btn-group.btn-group-solid,
.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn,
.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn-group.btn-group-solid {
    margin-left: 0;
}
.btn-group-vertical.btn-group-solid > .btn + .btn,
.btn-group-vertical.btn-group-solid > .btn + .btn-group,
.btn-group-vertical.btn-group-solid > .btn-group + .btn,
.btn-group-vertical.btn-group-solid > .btn-group + .btn-group {
    margin-top: 0;
    margin-left: 0;
}
.btn-default {
    border-width: 1px;
}
.btn.red-stripe {
    border-left: 3px solid #d84a38;
}
.btn.blue-stripe {
    border-left: 3px solid #4d90fe;
}
.btn.purple-stripe {
    border-left: 3px solid #852b99;
}
.btn.green-stripe {
    border-left: 3px solid #35aa47;
}
.btn.yellow-stripe {
    border-left: 3px solid #ffb848;
}
.btn.dark-stripe {
    border-left: 3px solid #555;
}
.btn.default {
    color: #333;
    text-shadow: none;
    background-color: #e5e5e5;
}
.btn.default:hover,
.btn.default:focus,
.btn.default:active,
.btn.default.active,
.btn.default[disabled],
.btn.default.disabled {
    color: #333;
    background-color: #d8d8d8 !important;
    outline: none !important;
}

/*  Red */
.btn.red {
    color: white;
    text-shadow: none;
    background-color: #d84a38;
}
.btn.red:hover,
.btn.red:focus,
.btn.red:active,
.btn.red.active,
.btn.red[disabled],
.btn.red.disabled {
    background-color: #bb2413 !important;
    color: #fff !important;
    outline: none !important;
}

/*  Blue */
.btn.blue {
    color: white;
    text-shadow: none;
    background-color: #4d90fe;
}
.btn.blue:hover,
.btn.blue:focus,
.btn.blue:active,
.btn.blue.active,
.btn.blue[disabled],
.btn.blue.disabled {
    background-color: #0362fd !important;
    color: #fff !important;
    outline: none !important;
}
.btn-group .btn.blue.dropdown-toggle {
    background-color: #4d90fe !important;
}
.btn-group .btn.blue:hover,
.btn-group .btn.blue:focus,
.btn-group .btn.blue:active,
.btn-group .btn.blue.active,
.btn-group .btn.blue.disabled,
.btn-group .btn.blue[disabled] {
    background-color: #0362fd !important;
    color: #fff !important;
    outline: none !important;
}

/*  Green */
.btn.green {
    color: white;
    text-shadow: none;
    background-color: #1b9451;
}
.btn.green:hover,
.btn.green:focus,
.btn.green:active,
.btn.green.active,
.btn.green.disabled,
.btn.green[disabled] {
    background-color: #1d943b !important;
    color: #fff !important;
    outline: none !important;
}

/*  Purple */
.btn.purple {
    color: white;
    text-shadow: none;
    background-color: #852b99;
}
.btn.purple:hover,
.btn.purple:focus,
.btn.purple:active,
.btn.purple.active,
.btn.purple.disabled,
.btn.purple[disabled] {
    background-color: #6d1b81 !important;
    color: #fff !important;
    outline: none !important;
}
.btn-group .btn.purple.dropdown-toggle {
    background-color: #852b99 !important;
}
.btn-group .btn.purple:hover,
.btn-group .btn.purple:focus,
.btn-group .btn.purple:active,
.btn-group .btn.purple.active,
.btn-group .btn.purple.disabled,
.btn-group .btn.purple[disabled] {
    background-color: #6d1b81 !important;
    color: #fff !important;
    outline: none !important;
}

/*  Yellow */
.btn.yellow {
    color: white;
    text-shadow: none;
    background-color: #ffb848;
}
.btn.yellow:hover,
.btn.yellow:focus,
.btn.yellow:active,
.btn.yellow.active,
.btn.yellow.disabled,
.btn.yellow[disabled] {
    background-color: #eca22e !important;
    color: #fff !important;
    outline: none !important;
}
.btn-group .btn.yellow.dropdown-toggle {
    background-color: #ffb848 !important;
}
.btn-group .btn.yellow:hover,
.btn-group .btn.yellow:focus,
.btn-group .btn.yellow:active,
.btn-group .btn.yellow.active,
.btn-group .btn.yellow.disabled,
.btn-group .btn.yellow[disabled] {
    background-color: #eca22e !important;
    color: #fff !important;
    outline: none !important;
}

/*  Black */
.btn.dark {
    color: white;
    text-shadow: none;
    background-color: #555;
}
.btn.dark:hover,
.btn.dark:focus,
.btn.dark:active,
.btn.dark.active,
.btn.dark.disabled,
.btn.dark[disabled] {
    background-color: #222 !important;
    color: #fff !important;
    outline: none !important;
}
.btn-group .btn.dark.dropdown-toggle {
    background-color: #555 !important;
}
.btn-group .btn.dark:hover,
.btn-group .btn.dark:focus,
.btn-group .btn.dark:active,
.btn-group .btn.dark.active,
.btn-group .btn.dark.disabled,
.btn-group .btn.dark[disabled] {
    background-color: #222 !important;
    color: #fff !important;
    outline: none !important;
}
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    vertical-align: middle;
}
.btn-lg > i {
    font-size: 18px;
}
.btn > i {
    font-size: 14px;
}
.btn-sm,
.btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.btn-sm > i,
.btn-xs > i {
    font-size: 13px;
}
.btn-xs {
    padding: 1px 5px;
}
.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/** Buttons **/
.btn {
    border-width: 1px;
    font-size: 14px;
}
.btn[disabled] {
    background: @B100 !important;
}
.btn-default {
    border: 1px solid @B300;
    color: inherit;
    &:hover {
        border-color: @B500;
        background: @B000;
    }
    &:active {
        border-color: @B600;
        background: @B000;
    }
    &:focus {
        border-color: @B300;
        background: @B000;
    }
}
.btn-link {
    color: @H500;
    &:hover {
        color: @H300;
    }
}
.btn-primary,
.btn-ok {
    background: @H500;
    border-color: @H500;
    color: @B000;
    &:focus{
        background: @H500;
        border-color: @H500;
        color: @B000;
    }
    &:hover {
        border-color: @H600;
        background: @H600;
        color: @B000;
    }

    &:active,
    &.active {
        border-color: @H700;
        background: @H700;
        color: @B000;
    }
    &.disabled {
        border-color: @H100 !important;
        background: @H100 !important;
        color: @B000;
    }
}
.btn-primary[disabled],
.btn-ok[disabled] {
    border-color: @H200 !important;
    background: @H200 !important;
    color: @B000;
}
.btn-select {
    &.open > .dropdown-menu {
        display: block;
    }
    &.open > .dropdown-wrap {
        display: block;
    }
    .dropdown-wrap {
        height: 300px;
        overflow: hidden;
        position: absolute;
        z-index: 1000;
        display: none;
        float: left;
        list-style: none;
        text-shadow: none;
        padding: 0;
        margin: 0;
        background-color: @B000;
        font-size: 14px;
        border: 1px solid @B500;
        width: 100%;
        overflow: auto;
        top: 40px;
        .dropdown-menu {
            display: block;
            position: relative;
            top: 0 !important;
            border: none;
            margin: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
    }
    .dropdown-menu {
        min-width: inherit;
        overflow: hidden;
        width: 100%;
    }
    .btn-default {
        min-width: 200px;
        overflow: hidden;
        padding-right: 30px;
        text-align: left;
        height: 36px;
        font-size: 14px;
        &.w-unset {
            min-width: inherit;
        }
        i {
            position: absolute;
            right: 10px;
            top: 10px;
            line-height: normal !important;
        }
    }
    &.open {
        .btn {
            background: @B000;
            border-bottom: none;
            z-index: 1001;
        }
        .dropdown-menu {
            border-color: @B500;
            top: 35px;
            min-height: 32px;
        }
    }
    &.btn-select-sm {
        button {
            height: 30px;
            font-size: 14px;
            padding: 4px 8px;
            i {
                top: 6px;
            }
        }
        .dropdown-menu {
            top: 29px;
            a {
                line-height: 16px;
                font-size: 14px;
                padding: 8px;
            }
        }
    }
}
.open {
    .dropdown-toggle.btn-default {
        border-color: @B500;
        background: @B000;
    }
}
.btn-hide {
    display: none;
}
.btn-radio {
    .btn-active {
        border-color: @B300;
        border-bottom: 2px solid @H700;
        color: @B900;
    }
    .btn:hover {
        border-color: @B300;
        border-bottom: 2px solid @H700;
        color: @B900;
    }
}
.btn-icon {
    width: 36px;
    height: 36px;
    padding: 5px;
    .icon{
        vertical-align: middle;
        font-size: 14px;
    }
    .fa{
        vertical-align: bottom;
        font-size: 16px;
    }
    &.btn-lg{
        width: 39px;
        height: 39px;
        padding: 5px;
    }
    &.btn-sm{
        width: 31px;
        height: 31px;
        padding: 0;
    }
}
button{
    &.btn-icon{
        .fa{
            vertical-align: unset;
        }
        &.btn-lg{
            padding: 9px;
        }
        &.btn-sm{
            padding: 4px;

        }
    }
}
.btn-highlight{
    color: @H500;
    &:hover,&:active,&:focus{
        color: @H600;
    }
}
.btn-lg {
    font-size: 15px;
    padding: 9px 16px;
}
.btn-sm {
    font-size: 14px;
    padding: 4px 10px;
}
.input-group-btn {
    button,
    li a {
        font-size: 13px;
    }
}
.btn-dropdown {
    .dropdown-menu {
        min-width: inherit;
        overflow: hidden;
        width: 100%;
    }
    .dropdown-toggle {
        min-width: 200px;
        overflow: hidden;
        padding-right: 30px;
        text-align: left;
        &.w-unset {
            min-width: inherit;
        }
        i {
            position: absolute;
            right: 10px;
            top: 10px;
            line-height: normal !important;
        }
    }
    &.open {
        .btn {
            background: @B000;
            border-bottom: none;
            z-index: 1001;
        }
        .dropdown-menu {
            border-color: @B600;
            top: 32px;
            min-height: 50px;
        }
        .dropdown-toggle {
            border-color: @B600;
            background: @B000;
        }
    }
    &.btn-lg {
        padding: 0;
        .dropdown-toggle {
            font-size: 15px;
            padding: 9px 30px 9px 16px;
        }
        .dropdown-menu {
            font-size: 15px;
            top: 39px;
        }
        i {
            font-size: 15px;
            top: 12px;
        }
    }
    &.btn-sm {
        padding: 0 !important;
        .dropdown-toggle {
            padding: 4px 24px 4px 10px;
        }
        .dropdown-menu {
            font-size: 14px;
            top: 28px;
        }
        i {
            font-size: 15px;
            top: 8px;
        }
    }
}
.btn-hide {
    display: none;
}
.uploadify-button{
    line-height: normal !important;
}
